<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<!--1. 引入重置样式表 -->
	<link rel="stylesheet" href="../css/reset.css" />
	<!-- 引入常态化样式表 -->
	<link rel="stylesheet" href="../css/normalize.css" />
	<!-- 3.公共样式拉取 -->
	<link rel="stylesheet" href="../css/api-detail.css" />
	<!-- 4.拉取公共样式 -->
	<link rel="stylesheet" href="../css/common.css" />
	<!-- 5. css当前页面拉取
		<link rel="stylesheet" href="../css/API-index.css" /> -->
</head>

<body>
	<!-- 头部 -->
	<header class="flex-c-sb b-box">
		<!-- log图片源码大数据 -->
		<!-- 用h1为了支持SEO -->
		<a href="">
			<h1></h1>
		</a>
		<!-- 中间列表 -->
		<ul class="flex-c-c fc-black">
			<li><a href="../html/index.html">首页</a></li>
			<li class="active fc-blue">API</a></li>
			<li>云服务</li>
			<li>案例</li>
			<li>开发者</li>
		</ul>
		<!-- 最右边按钮 -->
		<div>
			<span class="fc-black">登录</span>
			<span class="fc-white">注册有礼</span>
		</div>
	</header>
	<!-- 主体 -->
	<main>
		<!-- bannerBg -->
		<section id="banner" class="rel">
			<div id="bannerBg" class="abs">
				<!-- 版心 -->
				<div class="container">
					<!-- 图文区 -->
					<div id="bannerCone" class="abs df ">
						<!-- 左边图片 -->
						<div id="picture" class="flex-c-c">
							<img src="../imgs/API_02.jpg" alt="">
							<div id="pictureren" class="flex-c-x">
								<div class="limiam">
									<img src="../imgs/API_smallicon_01.jpg" alt="图片已损坏">
									<p>103</p>
								</div>
								<div class="limiam">
									<img src="../imgs/API_smallicon_02.jpg" alt="图片已损坏">
									<p>14245</p>
								</div>
								<div class="limiam">
									<img src="../imgs/API_smallicon_03.jpg" alt="图片已损坏">
									<p>623</p>
								</div>

							</div>
						</div>
						<!-- 右边内容 -->
						<div id="Rightcontent">
							<div class="df-no">
								<h1>身份证实名认证</h1>
								<span>支持HTTPS</span>
								<span>企业专用</span>
							</div>
							<!-- 第二排 -->
							<div id="enterprise" class="df">
								<div class="rel">
									<img src="../imgs/API详情页_03.jpg" alt="" class="abs">
									<p>限企业实名用户使用</p>
								</div>
								<div class="rel">
									<img src="../imgs/API详情页_08.jpg" alt="" class="abs">
									<p>本接口需提供应用市场场景审核</p>
								</div>
								<div class="rel">
									<img src="../imgs/API详情页_05.jpg" alt="" class="abs">
									<p>个人实名用户无法使用</p>
								</div>
							</div>
							<!-- 第三排 -->
							<p class="Thirdrow">检测姓名和身份证是否一致,身份证验证</p>
							<!-- 第四排 -->
							<ul id="numTab" class="df">
								<li class="rel">
									<img src="../imgs/API17.jpg" alt="">
									扫码测试
									<div class="abs">
										<img src="../imgs/wechat-white.png" alt="">
										<p>请扫码关注</p>
									</div>
								</li>
								<!-- <li class="active">
								4000次
							</li>
							<li>8000次</li>
							<li>40000次</li> -->
							</ul>
							<!-- 价格 -->
							<p id="jiaoge">
								<!-- <strong>&yen; 1200</strong>
							(约0.30000元一次),仅限实名购买 -->
							</p>
							<!-- 按钮 -->
							<button id="butt">立即申请</button>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- tab -->
		<section id="contente">
			<!-- 版心 -->
			<div id="render" class="container">
				<ul id="tabList">
					<li class="active">API文档</li>
					<li>错误码参照</li>
					<li>实例代码</li>
					<li>联系我们</li>

				</ul>
				<!-- 接口地址 -->

				<div class="container df flex-sb">

					<div id="interface">
						<!-- 第一个div -->
						<div>
							<div>接口地址：
								<span>
									http://op.juhe.cn/idcard/query
								</span>
							</div>
							<div>返回格式：<span>json</span></div>
							<div>请求方式： <span> http get/post</span></div>
							<div>请求示例： <span>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</span> </div>
							<div>接口备注：<span>error_code为0时计费</span> </div>
							<button>API测试工具</button>

						</div>

						<!--  請求參數説明 表格-->
						<!-- 第二个div -->
						<div>
							<!-- 請求參數説明 -->
							<div id="request">
								<h3 class="rel">请求参数说明</h3>
							</div>
							<table id="table">
								<!-- 头部 -->
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<!-- 身体 -->
								<tbody>
									<!-- tr行 -->
									<tr>
										<!-- td列 -->
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname </td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!-- 請求參數説明 -->
						<!-- 第三个div -->
						<div>
							<div id="request">
								<h3 class="rel">返回参数说明

								</h3>
							</div>
							<!--  返回參數説明 表格-->
							<table id="table">
								<!-- 头部 -->
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<!-- 身体 -->
								<tbody>
									<!-- tr行 -->
									<tr>
										<!-- td列 -->
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
									<tr>
										<td>reason</td>
										<td>string</td>
										<td>返回说明</td>
									</tr>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
									<tr>
										<td>key</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
							</table>
						</div>

						<!-- JSON返回示例 -->
						<!-- 第四个div -->
						<div>
							<div id="request">
								<h3 class="rel">JSON返回示例:<button>JSON在线格式化工具</button></h3>
							</div>
							<ul id="jsonList">
								<li>{</li>
								<li> "reason": "成功",</li>
								<li> "result": {</li>
								<li> "realname": "***",/*真实姓名*/</li>
								<li> "idcard": "******************",/*身份证号码*/</li>
								<li> "orderid":"J103202010151450419556",/*流水号*/</li>
								<li> "res": 1 /*1：匹配 2：不匹配*/</li>
								<li> },</li>
								<li> "error_code": 0</li>
								<li> "res": 1 /*1：匹配 2：不匹配*/</li>

							</ul>
						</div>

					</div>
					<!-- 左边 -->
					<div id="leftlist">
						<ul id="picture">
							<li>
								<h3>活动推荐/Activity</h3>
							</li>
							<li>
								<img src="../imgs/sfz-aside1.png" alt="图片已损坏">
							</li>
							<li>
								<img src="../imgs/details-aside02.png" alt="">
							</li>
							<li>
								<img src="../imgs/details-aside03.png" alt="">
							</li>
							<li>
								猜你喜欢
							</li>
							<li id="imgList">
								<div class="df">
									<img src="../imgs/API详情页_22.jpg" alt="">
									<div>
										<p class="">短信API服务</p>
										<p>三网合一短信,验证...</p>
									</div>

								</div>
							</li>
							<li id="imgList">
								<div class="df">
									<img src="../imgs/API详情页_22.jpg" alt="">
									<div>
										<p class="">短信API服务</p>
										<p>三网合一短信,验证...</p>
									</div>

								</div>
							</li>
							<li id="imgList">
								<div class="df">
									<img src="../imgs/API详情页_22.jpg" alt="">
									<div>
										<p class="">短信API服务</p>
										<p>三网合一短信,验证...</p>
									</div>

								</div>
							</li>
							<li id="imgList">
								<div class="df">
									<img src="../imgs/API详情页_22.jpg" alt="">
									<div>
										<p class="">短信API服务</p>
										<p>三网合一短信,验证...</p>
									</div>

								</div>
							</li>
							<li id="imgList">
								<div class="df">
									<img src="../imgs/API详情页_22.jpg" alt="">
									<div>
										<p class="">短信API服务</p>
										<p>三网合一短信,验证...</p>
									</div>

								</div>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</section>
	</main>
	<!-- 设置高度来顶下去 -->

	<!-- 尾部 -->
	<!-- 产品服务 -->
	<section id="product">
		<div id="productapl">
			<h1>免费试用上百种API、体验各类产品和服务</h1>
			<button>立即体验</button>
		</div>
	</section>
	<!-- 联系与支持 -->
	<section id="about">
		<!-- 版心 -->
		<div class="container flex-c-sb">
			<ul class="flex-c-sb" id="containerList">
				<li>
					<ul>
						<li>联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>快速人口</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
				<li>
					<ul>
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
				</li>
			</ul>
			<!-- 右边文字图片 -->
			<div id="dimensional">
				<p>微信公众号</p>
				<p>源码时代</p>
				<img src="../imgs/showqrcode.jpg" alt="" />
			</div>
		</div>
	</section>


	<!-- 尾部 -->
	<footer id="tail">
		<div class="container flex-c-sb pb-20 mt-30">
			<div>
				<img src="../imgs/bei2.png" alt="图片已损坏" />
				<img src="../imgs/bei1.png" alt="图片已损坏" class="mlr-10" />
				<span>
					增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</span>
			</div>
			<!-- 回到顶部 -->
			<div id="ReturnList">
				<div id="Return"></div>
			</div>
			<p>源码大数据股份有限公司©版权所有</p>
		</div>
	</footer>
	<script src="../js/util.js"></script>
	<script src="../lib/canvas-particle.js"></script>
	<script src="../js/api-detail.js"></script>
</body>

</html>